<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>联盟排行榜</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/rank.css" />
		<link rel="stylesheet" type="text/css" href="css/hehua.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="//res.qiaomukeji.com/js/chomoo-weixin.js?v=3"></script>
		<script type="text/javascript" src="js/moduls/islogin.js"></script>
		<script type="text/javascript" src="js/adapter.js"></script>
		<script type="text/javascript" src="js/moduls/alliance.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	</head>

	<body>
		<div class="top">
			<div class="top-logo">
			</div>
			<div class="top-theme">
			</div>
			<div class="top-title">
			</div>

		</div>
		<div class="bottom">
			<div class="bottom-logo2">
			</div>
		</div>
		<div class="content">
			<div class="middlePath">
				<div class="title">
					<img src="img/rank.png" alt="">
				</div>
				<div class="line">
					<img src="img/line.png" alt="">
				</div>
				<div class="midContent">
					<div class="myRanking">

						<span>我的联盟排名： </span><span class="place">{{myRank}}名</span>
					</div>

				</div>
				<div class="hhtable">
					<div class="hhtable-content" style="height: 4rem;">
						<div class="hhtable-header">
							<table>
								<thead>
									<tr>
										<td style="width: 30%;">排名</td>
										<td style="width: 30%;">省区/大区/全国</td>
										<td style="width: 40%;">荣誉值</td>
									</tr>
								</thead>

							</table>
						</div>
						<div class="hhtable-body">
							<table>
								<tbody>
									<tr v-for="(rank,index) in ranks" :key="index">
										<td style="width: 30%;">NO.{{index+1}}</td>
										<td style="width: 30%;">{{rank.address}}</td>
										<td style="width: 40%;">{{rank.honor}}</td>

									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>

				<div class="page">
					<!--<span>页码</span>
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>-->
				</div>
				<div class="line">
					<img src="img/line.png" alt="">

				</div>
			</div>

			<div class="backBtn" onclick="history.go(-1);">
				返回
			</div>

		</div>

		<script>
			var app = new Vue({
				el: '.content',
				data: {
					myRank: '',
					ranks: []
				}
			})

			//获取排行榜
			getTeamsRank("chomoo_test_001", function(_res) {
				if(_res.code != 0) {
					alert("还没有加入联盟")
					return;
				} else {
					//  		for (var i = 0; i < _res.team.length%10; i++) {
					//  		var t_team = {"honor":"","address":""}
					//  		_res.team.push(t_team)
					//  	}
					app.ranks = _res.team;
					app.myRank = _res.myTeamRank;
				}

			})
		</script>

	</body>

</html>